node vue
Jinkey原创感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-exampleVue2 教程：https://www.runoob.com/vue2/vue-tutorial.html什么是 VueVue 是一个前端框架，特点是数据绑定比如你改变一个输入框 Input 标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值...
2024-01-10
vue.js npm安装图解
首先理清nodejs和npm的关系：node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系，nodejs中含有npm，比如说你安装好nodejs，你打开cmd输入npm -v会发现出啊线npm的版本号，说明npm已经安装好。引用大神的总结:其实npm是nodejs的包管理器（package manager...
2024-01-10
vue 引入本地json的方法
vue 引入本地json的方法当前需要使用的组件： 1 import data from './test.json' 2 export default{ 3 data(){ 4 return{ 5 userinform: '' 6 } 7 ...
2024-01-10
vue 配置App.js
//注册全局filters函数//app.js import * as filters from './filters' // 全局filter //注册全局工具过滤器 Object.keys(filters).forEach(key=>{ Vue.filter(key,filters[key]) })//filters.jsexport function nFormatter(num, digits) { //...}export function html2Text(val) { ...
2024-01-10
vue中json文件的使用
在vue中如何做到在前端将json对象转为json文件传给后端，后端将json文件存在服务器中。能有代码最好，或者给个思路也可以。回答：直接前端传json字符串, 然后后端接收整个提交内容, 直接保存成文件不就行了么?回答：好吧，最近刚好做了个小项目，有类似的功能：发起请求：https://github.com/meathill/f...接受请求并处理：https://github.com/m...
2024-02-24
vue seo 优化
预渲染prerender-spa-plugin如果你只是用来改善少数营销页面（例如 /, /about, /contact 等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML，而是使用预渲染方式，在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可以将你的前端作为一个完全...
2024-01-10
vue3 页面刷新后json的问题
当我打开浏览器第一次时，点击按钮添加数据是正常的但是当我刷新页面，数据初始化，点击按钮添加数据就成这样了，下图。length依然是1，展开的数据也在，但是箭头所指的Array括号里的数据却为空，别的地方也取不到该变量的数据。请问这是什么原因造成的？？PS:如果我多push2次，第二次第三次的数据却可以正常保存，下图length=3,但是Array括号里只有2个数据。回答：有关 console.l...
2024-02-17
vue+jsonp跨域用不上，求解？
接口是有效的，但是使用jsonp跨域后一直用不了，请赐教，不胜感激。以下是相关vue文件<template> <div id="epidemicData" style="text-align: center"> <div id="header"> <h1 class="slogan">科学防护 共渡难关</h1> <h2 class="ti...
2024-03-12
vue jsx多层map嵌套问题
数据格式为:this.form.data[i].col[i].col[i].data[i]需要取到最后这层的data为数据，但是，最后这层data可能是为空的，这就导致了会出现 Cannot read properties of undefined (reading 'map')的情况。原错误代码↓render: (h, params) => { const subject...
2024-02-08
vue之node.js的简单介绍
它是可以运行JavaScript的服务器，用javascript语言编写的后端，只是它的开发语言是JavaScript二、安装1、node.js的特性：- 非阻塞IO模型- 时间驱动2、运用的场景：- 高并发单例模式业务- 实时场景- 聊天、电子商务、视频直播等3、安装地址：http://nodejs.cn/判断是否安装成功 node -v进入编辑状态:node+...
2024-01-10
vue 处理后台请求json数据，并渲染
后台传给前台的json数据格式，这里原本只是传list数据给后台，因为需要分页，所以用pageInfo包了一下，成了json格式：{ "data": { "endRow": 1, "firstPage": 1, "hasNextPage": false, "hasPreviousPage": false, "isFirstPage": true, "isLastPage": true, "lastPage": 1, "list": [ { ...
2024-01-10
v-for vue.js中的条件？
我想在下面的代码中避免image值。 image是property的关键。我怎样才能做到这一点 ？v-for vue.js中的条件？<tbody> <tr v-for="obj in data" :id="obj.id"> <td v-for="property in obj">{{property}}</td> </tr> </tbody> 回答：让我们一探究竟：v-for with an Object，v-for with v-if。<td v-for="(value, pro...
2024-01-10
vue 组件开发 props 验证
在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Vue Study</title> 6 </head> 7 <body> 8 9 <div >10 <foo-component :foo-message="fooMessage"></foo-component> 11 </...
2024-01-10
vue 自适应 Responsive 设计
使用阿里的 lib-flexible 及 vue-meta 库：https://github.com/amfe/lib-flexible/https://github.com/nuxt/vue-meta#meta-object1.安装lib-flexible在命令行中输入并运行：npm i lib-flexible --save2.在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible'这个时候我们可以npm run dev看一下，已经有了效果。使用 vue-me...
2024-01-10
组件封装使用，vue 实现json 编辑器
依赖：npm install vue-codemirror可能遇到错误npm install file npm install system 子组件封装components.vue <template> <codemirror class="code-dec" ref="jsonEditor" v-model="jsondata" :options="options" style=...
2024-01-10
vue scoped 深度作用选择器
如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符：<style scoped>.a >>> .b { /* ... */ }</style>上述代码将会编译成：.a[data-v-f3f3eg9] .b { /* ... */ }有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 操作符取而代之——这是一个 ...
2024-01-10
openlayers集成到vue开发
openlayer初步加载地图vue项目搭好后，直接用node js安装ol, 安装好后可以看看安装的版本；我用的是5..2的版本 然后看官网相对应版本的文档，都是英文文档;官方文档： http://openlayers.org/en/latest/apidoc/ 然后引入所需要的js; 先加载出地图： ...
2024-01-10vue配置请求本地json数据的方法
本篇文章主要介绍了vue配置请求本地json数据的方法，分享给大家，具体如下：在build文件夹下找到webpack.dev.conf.js文件，在const portfinder = require('portfinder')后添加const express = require('express')const app = express()const appData = require('../data.json') // 加载本地json文件const seller = appData.seller /...
2024-01-10
vue再页面渲染json数据时没有显示
对象点属性不能获取数据。原因:在创建数据对象时我使用了k,v方式：tempMap['category '] = this.category[i].label如果在创建数据时使用的k,v方式，那么在页面渲染数据时用 item['category ']的方式获取，如果用点属性的方式创...
2024-01-10
vue 中使用百度统计 - sjpqy
vue 中使用百度统计 百度统计一个免费的统计平台，使用的时候只需要申请下账号即可官网地址：https://tongji.baidu.com/一、添加需要统计的网址二、添加完之后，点击获取代码，可以看到一段js代码三、每个网址都会对应一个唯一的id，这个不能更换，将此代码复制到 vue 的...
2024-01-10
js 彻底搞懂事件循环机制 Event Loop
我们都知道JavaScript是单线程语言,就是因为单线程的特性，就不得不提js中的同步和异步一、同步和异步所谓单线程，无非就是同步队列和异步队列，js代码是自上向下执行的，在主线程中立即执行的就是同步任务，比如简单的逻辑操作及函数，而异步任务不会立马立马执行，会挪步放到到异步队列中...
2024-01-10浅谈Vue.js中的v-on(事件处理)
Vue.js的事件处理监听事件我们可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。<div class="box"> {{msg}} <input type="button" value="按钮" v-on:click="msg+=1"/></div>var vm = new Vue({ el:".box", data:{ msg:1 },})结果方法事件处理器许多事件处理的逻辑都很复杂，所以直接把 JavaScript 代码写在 v-on 指令...
2024-01-10
vue props中三目运算符为啥不生效
如题,label显示出来一直是"2测试false"<FormFilter ref="filter" :config="config"> // 使用config配置的组件</FormFilter> data() { return { drawer: false, drawers_s: false, titleChange: true, ...
2024-03-13
